<template>
    <div>
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
            <a class="navbar-brand" href="#">OfferLab</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
                aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarText">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <router-link class="nav-link" to="/">首页</router-link>
                    </li>
                    <li class="nav-item">
                        <router-link class="nav-link" to="/reg">账号注册</router-link>
                    </li>
                    <li class="nav-item">
                        <!-- <a class="nav-link" href="login.html">账号登录</a> -->
                        <router-link class="nav-link" to="/login">账号登录</router-link>
                    </li>
                    <li class="nav-item">
                        <router-link class="nav-link" to="/publish">发布提问</router-link>
                    </li>
                    <li class="nav-item">
                        <router-link class="nav-link" to="/ucenter">个人中心</router-link>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- 二级路由出口 -->
        <router-view></router-view>
    </div>

</template>
<style>
/* a.router-link-exact-active {
    color: #fff;
    font-weight: 700;
} */
</style>